<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>新闻列表</title>
    <link rel="stylesheet" href="../static/css/index.css">

<body>
<div id="app1">
    <div id="test">
        <!-- 热卖单品专区 -->
        <div id="hotsale" class="layer w" v-for="(value1,index) in sort">
            <div class="layer-inner">

                <h3 class="hotSale">{{value1.sortName}}</h3>
                <ul id="hotSaleList" class="saleList clearfix">
                    <li v-for="(value,index) in table" v-if="value.sort===value1.sortName" class="bs-item item">
                        <a type="button" v-if="value.sort===value1.sortName" @click="detail(value)">
                            <img :src="'http://localhost:9090/NewsReleaseSystem/upload'+value.picture" alt=""
                                 class="item-img"/>
                            <div class="line-3">
                                <div class="strong"
                                     style="width: 196px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;">
                                    {{value.title}}
                                </div>
                                <div class="sell">{{value.author}}</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 官网提供的 axios 在线地址 -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!-- 开发环境版本 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript" src="../static/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../static/myplugs/js/plugs.js"></script>
<script src="../static/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="../static/element-ui/lib/theme-chalk/index.css" charset="utf-8">

</body>

</html>